<template>
  <div class="content">
    <!-- header -->
    <div>
        <Header></Header>
    </div>
    <!-- 轮播图 -->
    <div style="height: 300px; border: 1px solid black; width: 90vw;">
        <swiper></swiper>
    </div>
    <!-- body -->
    <div>
        <Body></Body>
    </div>
    <!-- footer -->
    <div>
        <Footer></Footer>
    </div>
  </div>
</template>

<script setup>
import swiper from '../components/swiper.vue'
import Header from '../components/header.vue'
import Body from '../components/body.vue'
import Footer from '../components/footer.vue'
</script>

<style>
.content {
  width: 100vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}




</style>